﻿@model Hope.Gallery.ViewModels.IndexModel

@{
    ViewBag.Title = "Album";
}

<br />
<br />
<br />
<h1>@Model.CurrentAlbum.Title</h1>
<h4>@Model.CurrentAlbum.Description</h4>
<div>
    @Html.ActionLink("Inapoi la Albume", "Albums")
</div>
<br />
<br />



  <script type="text/javascript">
      $(function () {
          $('#gallery a').lightBox();
      });

    </script>


<div id="gallery">
    <ul class="media-grid">
        @foreach (var albumDetail in Model.CurrentAlbumDetails)
        {
            <li>
                <a href="@albumDetail.PicturePath">
                    <img class="thumbnail" src="@albumDetail.ThumbPath" alt="@albumDetail.PictureName">
                     <p>@albumDetail.PictureName</p>
                </a>
            </li> 
        }
</ul>
</div>


<div>
    @Html.ActionLink("Inapoi la Albume", "Albums")
</div>